<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>新车</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="css/mui.min.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="css/font-awesome.min.css">
</head>
<body>

<div class="index_header index_header_newcar">
    <a href="#" class="index_header_icon1 newcar_span">全国<i class="fa fa-angle-down"></i></a>
    <div class="index_search newcar_search">
        <a href="#">
            <i class="fa fa-search"></i>
            <span>想买什么车</span>
        </a>
    </div>
    <a href="#"><i class="fa fa-window-restore index_header_icon2 newcar_header_icon"></i></a>
    <div class="clearfix"></div>
</div>

<div class="newcar_header">
    <div class="newcar_header_option" id="newcar_select_1">
        <a>
            <span>默认排序</span>
            <i class="fa fa-caret-down"></i>
        </a>
    </div>
    <div class="newcar_header_option">
        <a href="#">
            <span>品牌</span>
            <i class="fa fa-caret-down"></i>
        </a>
    </div>
    <div class="newcar_header_option" id="newcar_select_2">
        <a>
            <span>首付</span>
            <i class="fa fa-caret-down"></i>
        </a>
    </div>
    <div class="newcar_header_option">
        <a href="#">
            <span>筛选</span>
            <i class="fa fa-filter"></i>
        </a>
    </div>
    <div class="clearfix"></div>
</div>
<div class="newcar_header_hidden_1">
    <div class="newcar_header_hidden_1_option active">
        <span>默认排序</span>
        <i class="fa fa-check"></i>
        <div class="clearfix"></div>
    </div>
    <div class="newcar_header_hidden_1_option">
        <span>首付最低</span>
        <i class="fa fa-check"></i>
        <div class="clearfix"></div>
    </div>
    <div class="newcar_header_hidden_1_option">
        <span>首付最高</span>
        <i class="fa fa-check"></i>
        <div class="clearfix"></div>
    </div>
    <div class="newcar_header_hidden_1_option">
        <span>月供最低</span>
        <i class="fa fa-check"></i>
        <div class="clearfix"></div>
    </div>
    <div class="newcar_header_hidden_1_option">
        <span>月供最高</span>
        <i class="fa fa-check"></i>
        <div class="clearfix"></div>
    </div>
</div>
<div class="newcar_header_hidden_2">
    <div class="newcar_header_hidden_2_option">
        <div class="hidden_first_pay_option active">
            <span>全部</span>
        </div>
        <div class="hidden_first_pay_option">
            <span>1万以内</span>
        </div>
        <div class="hidden_first_pay_option">
            <span>1~2万</span>
        </div>
        <div class="hidden_first_pay_option">
            <span>2~3万</span>
        </div>
        <div class="hidden_first_pay_option">
            <span>3~4万</span>
        </div>
        <div class="hidden_first_pay_option">
            <span>4~5万</span>
        </div>
        <div class="hidden_first_pay_option">
            <span>5万以上</span>
        </div>
        <div class="clearfix"></div>
    </div>
</div>

<div class="newcar_body_content A">
    <div class="newcar_card">
        <a href="#">
            <div class="newcar_card_che">
                <img src="images/car1.jpg">
                <span class="newcar_card_che_span">免首付</span>
            </div>
            <div class="newcar_card_che_info">
                <div class="newcar_card_che_info_title">
                    <span>标致2008 2015款1.6L 自动玩酷智行版</span>
                </div>
                <div class="newcar_card_che_info_title_2">
                    <span>厂商指导价： 11.82万</span>
                </div>
                <div class="newcar_card_che_info_title_3">
                    首付<span>1.18万</span>月供2798元
                </div>
            </div>
        </a>
    </div>
    <div class="newcar_card">
        <a href="#">
            <div class="newcar_card_che newcar_card_che_no">
                <img src="images/car1.jpg">
                <span class="newcar_card_che_span_no">补货中</span>
            </div>
            <div class="newcar_card_che_info">
                <div class="newcar_card_che_info_title">
                    <span>标致2008 2015款1.6L 自动玩酷智行版</span>
                </div>
                <div class="newcar_card_che_info_title_2">
                    <span>厂商指导价： 11.82万</span>
                </div>
                <div class="newcar_card_che_info_title_3">
                    首付<span>1.18万</span>月供2798元
                </div>
            </div>
        </a>
    </div>
    <div class="newcar_card">
        <a href="#">
            <div class="newcar_card_che">
                <img src="images/car1.jpg">
                <span class="newcar_card_che_span">免首付</span>
            </div>
            <div class="newcar_card_che_info">
                <div class="newcar_card_che_info_title">
                    <span>标致2008 2015款1.6L 自动玩酷智行版</span>
                </div>
                <div class="newcar_card_che_info_title_2">
                    <span>厂商指导价： 11.82万</span>
                </div>
                <div class="newcar_card_che_info_title_3">
                    首付<span>1.18万</span>月供2798元
                </div>
            </div>
        </a>
    </div>
    <div class="newcar_card">
        <a href="#">
            <div class="newcar_card_che newcar_card_che_no">
                <img src="images/car1.jpg">
                <span class="newcar_card_che_span_no">补货中</span>
            </div>
            <div class="newcar_card_che_info">
                <div class="newcar_card_che_info_title">
                    <span>标致2008 2015款1.6L 自动玩酷智行版</span>
                </div>
                <div class="newcar_card_che_info_title_2">
                    <span>厂商指导价： 11.82万</span>
                </div>
                <div class="newcar_card_che_info_title_3">
                    首付<span>1.18万</span>月供2798元
                </div>
            </div>
        </a>
    </div>

    <div class="newcar_want">
        <a href="#">
            <img src="images/天猫%20(1).png">
            <div class="newcar_want_words">
                <span>想弹什么车？</span>
                <span>提交心愿车单，我们帮您找</span>
            </div>
            <i class="fa fa-angle-right"></i>
            <div class="mui-clearfix"></div>
        </a>
    </div>
</div>
<div class="newcar_body_content B">
    <div class="newcar_card_B">
        <a href="#">
            <div class="newcar_card_B_img">
                <img src="images/car1.jpg">
            </div>
            <div class="newcar_card_B_info">
                <div class="newcar_card_B_info_title_1">
                    <span>标致2008</span>
                </div>
                <div class="newcar_card_B_info_title_2">
                    <span>2015款1.6L 自动玩酷智行版</span>
                </div>
                <div class="newcar_card_B_info_title_3">
                    <span>厂商指导价： 11.82万</span>
                </div>
                <div class="newcar_card_B_info_title_4">
                    首付<span>1.09万</span>月供2298元
                </div>
            </div>
            <div class="newcar_card_B_flag">
                <span>免首付</span>
            </div>
            <div class="clearfix"></div>
        </a>
    </div>
    <div class="newcar_card_B">
        <a href="#">
            <div class="newcar_card_B_img">
                <img src="images/car1.jpg">
                <span class="newcar_card_B_span_no_store">补货</span>
            </div>
            <div class="newcar_card_B_info">
                <div class="newcar_card_B_info_title_1">
                    <span>标致2008</span>
                </div>
                <div class="newcar_card_B_info_title_2">
                    <span>2015款1.6L 自动玩酷智行版</span>
                </div>
                <div class="newcar_card_B_info_title_3">
                    <span>厂商指导价： 11.82万</span>
                </div>
                <div class="newcar_card_B_info_title_4">
                    首付<span>1.09万</span>月供2298元
                </div>
            </div>
            <div class="newcar_card_B_flag">

            </div>
            <div class="clearfix"></div>
        </a>
    </div>
    <div class="newcar_card_B">
        <a href="#">
            <div class="newcar_card_B_img">
                <img src="images/car1.jpg">
            </div>
            <div class="newcar_card_B_info">
                <div class="newcar_card_B_info_title_1">
                    <span>标致2008</span>
                </div>
                <div class="newcar_card_B_info_title_2">
                    <span>2015款1.6L 自动玩酷智行版</span>
                </div>
                <div class="newcar_card_B_info_title_3">
                    <span>厂商指导价： 11.82万</span>
                </div>
                <div class="newcar_card_B_info_title_4">
                    首付<span>1.09万</span>月供2298元
                </div>
            </div>
            <div class="newcar_card_B_flag">
                <span>免首付</span>
            </div>
            <div class="clearfix"></div>
        </a>
    </div>
    <div class="newcar_card_B">
        <a href="#">
            <div class="newcar_card_B_img">
                <img src="images/car1.jpg">
                <span class="newcar_card_B_span_no_store">补货</span>
            </div>
            <div class="newcar_card_B_info">
                <div class="newcar_card_B_info_title_1">
                    <span>标致2008</span>
                </div>
                <div class="newcar_card_B_info_title_2">
                    <span>2015款1.6L 自动玩酷智行版</span>
                </div>
                <div class="newcar_card_B_info_title_3">
                    <span>厂商指导价： 11.82万</span>
                </div>
                <div class="newcar_card_B_info_title_4">
                    首付<span>1.09万</span>月供2298元
                </div>
            </div>
            <div class="newcar_card_B_flag">

            </div>
            <div class="clearfix"></div>
        </a>
    </div>

    <div class="newcar_want">
        <a href="#">
            <img src="images/天猫%20(1).png">
            <div class="newcar_want_words">
                <span>想弹什么车？</span>
                <span>提交心愿车单，我们帮您找</span>
            </div>
            <i class="fa fa-angle-right"></i>
            <div class="mui-clearfix"></div>
        </a>
    </div>
</div>


<div class="index_footer">
    <div class="index_footer_option">
        <a href="#">
            <i class="fa fa-home"></i>
            <span>首页</span>
        </a>
    </div>
    <div class="index_footer_option">
        <a href="#" class="active">
            <i class="fa fa-car"></i>
            <span>新车</span>
        </a>
    </div>
    <div class="index_footer_option">
        <a href="#">
            <i class="fa fa-handshake-o"></i>
            <span>车主服务</span>
        </a>
    </div>
    <div class="index_footer_option">
        <a href="#">
            <i class="fa fa-user"></i>
            <span>我的</span>
        </a>
    </div>
</div>

</body>
<script src="js/mui.min.js"></script>
<script src="js/jquery.2.1.1min.js"></script>
<script src="js/swiper.jquery.min.js"></script>
<script>
    $(document).ready(function () {
        $(".newcar_header_icon").click(function () {
            $(this).toggleClass("fa-window-restore");
            $(this).toggleClass("fa-window-maximize");
            $(".A").toggleClass("hidden");
            $(".B").toggleClass("show");
        });
        $("#newcar_select_1 a").click(function (e) {
            $("#newcar_select_1 i").toggleClass("fa-caret-down");
            $("#newcar_select_1 i").toggleClass("fa-caret-up");
            $(this).toggleClass("active");
            $(".newcar_header_hidden_1").slideToggle();
            $(".newcar_header_hidden_2").slideUp();
            $("#newcar_select_2 a").removeClass("active");
            $("#newcar_select_2 i").addClass("fa-caret-down");
            $("#newcar_select_2 i").removeClass("fa-caret-up");
            $(".index_footer").toggleClass("gray_bg2");
            $(".newcar_body_content").toggleClass("gray_bg");
            e.stopPropagation();
        });
        $("#newcar_select_2 a").click(function (e) {
            $("#newcar_select_2 i").toggleClass("fa-caret-down");
            $("#newcar_select_2 i").toggleClass("fa-caret-up");
            $(this).toggleClass("active");
            $(".newcar_header_hidden_2").slideToggle();
            $(".newcar_header_hidden_1").slideUp();
            $("#newcar_select_1 a").removeClass("active");
            $("#newcar_select_1 i").addClass("fa-caret-down");
            $("#newcar_select_1 i").removeClass("fa-caret-up");
            $(".index_footer").toggleClass("gray_bg2");
            $(".newcar_body_content").toggleClass("gray_bg");
            e.stopPropagation();
        });
        $(document).click(function(){
            $(".newcar_header_hidden_1").slideUp();
            $(".newcar_header_hidden_2").slideUp();
            $("#newcar_select_1 a").removeClass("active");
            $("#newcar_select_1 i").addClass("fa-caret-down");
            $("#newcar_select_1 i").removeClass("fa-caret-up");
            $("#newcar_select_2 a").removeClass("active");
            $("#newcar_select_2 i").addClass("fa-caret-down");
            $("#newcar_select_2 i").removeClass("fa-caret-up");
            $(".index_footer").removeClass("gray_bg2");
            $(".newcar_body_content").removeClass("gray_bg");
        });

    })
</script>
</html>